﻿.header_top {
	width: 1280px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header {
	background: #920D14;
}

.headerT_left ul {
	display: flex;
	align-items: center;
	justify-content: start;
}

.headerT_left ul li a {
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px 0 40px;
	height: 48px;
	background: url(/Content/Areas/Hospitals/images/wuzhangai.png) no-repeat 20px;
}


.headerT_left ul li a img {
	margin-right: 10px;
}
.headerT_right {display: flex;align-items: center;justify-content: start;}

.login>span {
 display: flex;
 align-items: center;
 justify-content: start;
 color: #fff;
}

.login span a {
 color: #fff;
 font-size: 14px;
 font-weight: 300;
 color: #FFFFFF;
}

.login>span li span {
 padding: 10px;
}
.headerT_left ul li a:hover {
		color: #FFDD98;
}
.search {
 position: relative;
 margin-right: 30px;
}

input.searchbtn {
 position: absolute;
 width: 24px;
 height: 24px;
 background: rgb(255 255 255 / 18%) url(/Content/Areas/Hospitals/images/sousuo.png) no-repeat center;
 border-radius: 50%;
 right: 0;
 border: none;
 cursor: pointer;
}

.header input#search {
 width: 180px;
 height: 24px;
 background: rgb(255 255 255 / 20%);
 border-radius: 12px;
 border: none;
 padding: 0 18px;
 box-sizing: border-box;
 color: #fff;
}
input#search:focus-visible {
 outline: none;
 box-shadow: 0 0 5px #eee;
}
input#search::-webkit-input-placeholder { 
	/* WebKit browsers */ 
	color: #fff; 
	} 
	input#search:-moz-placeholder { 
	/* Mozilla Firefox 4 to 18 */ 
	color: #fff; 
	} 
	input#search::-moz-placeholder { 
	/* Mozilla Firefox 19+ */ 
	color: #fff; 
	} 
	input#search:-ms-input-placeholder { 
	/* Internet Explorer 10+ */ 
	color: #fff; 
	}
	.headerT_left ul li a.headerTl_a_1{
		background: url(/Content/Areas/Hospitals/images/wuzhangai.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_2{
		background: url(/Content/Areas/Hospitals/images/dongcheng.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_3{
		background: url(/Content/Areas/Hospitals/images/tongzhou.png) no-repeat 20px;
		/* display: none; */
	}
	.headerT_left ul li a.headerTl_a_4{
		background: url(/Content/Areas/Hospitals/images/guoji.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_5{
		background: url(/Content/Areas/Hospitals/images/neiwang.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_6{
		background: url(/Content/Areas/Hospitals/images/english.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_1:hover{
		background:#73060C url(/Content/Areas/Hospitals/images/wuzhangai1.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_2:hover{
		background: #73060C url(/Content/Areas/Hospitals/images/dongcheng1.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_3:hover{
		background:#73060C url(/Content/Areas/Hospitals/images/tongzhou1.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_4:hover{
		background:#73060C url(/Content/Areas/Hospitals/images/guoji1.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_5:hover{
		background:#73060C url(/Content/Areas/Hospitals/images/neiwang1.png) no-repeat 20px;
	}
	.headerT_left ul li a.headerTl_a_6:hover{
		background:#73060C url(/Content/Areas/Hospitals/images/english1.png) no-repeat 20px;
	}
	.login span a:hover {
 color: #FFDD98;
}
.headerT_left ul li a.headerTl_a_2.active {
 background: #73060C url(/Content/Areas/Hospitals/images/dongcheng1.png) no-repeat 20px;
 color: #FFDD98;
}
.headerT_left ul li a.headerTl_a_6.active {
 background: #73060C url(/Content/Areas/Hospitals/images/english1.png) no-repeat 20px;
 color: #FFDD98;
}

.headerT_left ul li a.headerTl_a_4.active {
 background: #73060C url(/Content/Areas/Hospitals/images/guoji1.png) no-repeat  20px;
 color: #FFDD98;
}
.headerT_left ul li a.headerTl_a_5.active {
 background: #73060C url(/Content/Areas/Hospitals/images/neiwang1.png) no-repeat 20px;
 color: #FFDD98;
}
@media only screen and (max-width:1280px){
 .header_top {
 width: 1100px;
}
 .headerT_left ul li a {
 padding: 0 20px 0 35px;
}
}
@media only screen and (max-width:48em){
	.headerT_left ul li a.headerTl_a_2.active {
 background: #73060C url(/Content/Areas/Hospitals/images/dongcheng1.png) no-repeat 5px;
 color: #FFDD98;
}
	.nav_right{display: none;}
 .ysj{display: none}
  .MoSearch{ overflow:hidden; margin:10px auto; width:300px; }
  .MoSearch .searchinput{ height:26px; margin:0 5px;}
  .MoSearch .searchbtn{ height:28px;}
  .MoSearch #languages #header_searchTypeIddropdown{ padding: 4px 2px!important; margin:0;}
  .MoSearch .searchbtn{ margin:0;}

.head_content .logo { width: 50%;}
.head_content .head_right { width: 50%; margin-top: 15px; }
.header_top {
 width: 100%;
 flex-wrap: wrap;
}

.headerT_left ul {
 flex-wrap: wrap;justify-content: center;
}

.headerT_left ul li a {
 padding: 0 15px 0 20px;
 height: 30px;
}

.headerT_left ul li a.headerTl_a_1 {
 background: url(/Content/Areas/Hospitals/images/wuzhangai.png) no-repeat 5px;
}

.headerT_left ul li a.headerTl_a_2 {
 background: url(/Content/Areas/Hospitals/images/dongcheng.png) no-repeat 5px;
}

.headerT_left ul li a.headerTl_a_3 {
 background: url(/Content/Areas/Hospitals/images/tongzhou.png) no-repeat 5px;
}

.headerT_left ul li a.headerTl_a_4 {
 background: url(/Content/Areas/Hospitals/images/guoji.png) no-repeat 5px;
}

.headerT_left ul li a.headerTl_a_5 {
 background: url(/Content/Areas/Hospitals/images/neiwang.png) no-repeat 5px;
}

.headerT_left ul li a.headerTl_a_6 {
 background: url(/Content/Areas/Hospitals/images/english.png) no-repeat 5px;
}

.headerT_right {
 display: none;
}
}

@media only screen and (max-width:30em){
  .searchmar .searchbtn{ margin:0;}
  .head_right{ display:block;}
  .head_right_top{ display:none;}
  .head_content{ overflow:hidden;}
  .head_content .head_right{ float:none; margin:0 auto;}
  .head_content .login_ul li.lang{ display:none;}


/*---------------------11月06日修改-------------------------------*/
  .main{ width:100%;} 
  .maincenter,.resultBpxLeft{width:100%;}
.searchValBox, .searchDateBox{padding-left:15%;width:60%}
.search_01{ width:50%;}

.head_content .head_right { width: 160px;}

}


@media only screen and (max-width:640px){   
.head_content,.foot_ter_content{ width:100%!important; text-align:center}
.head,.head_content{ background:none!important}
.head img{ float:none; width:80%; text-align:center}

}


   